<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta http-equiv="content-security-policy">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/reset.css">
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init()
		</script>
	</head>
	<body>
		<div class="index-wrap">
			<div class="header">
        <input type="text" class="search mui-input-clear" placeholder="LOUIS VUITTON" />
        <div class="glass">
          <img src="./images/index/searchGlass.png" alt=""/>
        </div>
				<img src="./images/index/classify.png" alt="" class="classify" />
			</div>
			<div class="carousel mui-slider">
				<div class="mui-slider-group">
					<!--第一个内容区容器-->
					<div class="mui-slider-item swiper">
						<img src="./images/index/banner1.png" alt="请等待" />
					</div>
					<!--第二个内容区-->
					<div class="mui-slider-item">
						<img src="./images/index/banner1.png" alt="请等待" />
					</div>
					<div class="mui-slider-item">
						<img src="./images/index/banner1.png" alt="请等待" />
					</div>
				</div>
				<div class="mui-slider-indicator whippletree">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			<div class="icon-list">
				<ul class="opation">
					<li>
						<img src="./images/index/IndexIcon1.png" alt="" class="icon" />
						<div class="opation-tit">租赁</div>
					</li>
					<li>
						<img src="./images/index/IndexIcon2.png" alt="" class="icon" />
						<div class="opation-tit">社区</div>
					</li>
					<li>
						<img src="./images/index/IndexIcon3.png" alt="" class="icon" />
						<div class="opation-tit">拿趣</div>
					</li>
					<li>
						<img src="./images/index/IndexIcon4.png" alt="" class="icon" />
						<div class="opation-tit">养护</div>
					</li>
					<li>
						<img src="./images/index/IndexIcon5.png" alt="" class="icon" />
						<div class="opation-tit">领券</div>
					</li>
					<li>
						<img src="./images/index/IndexIcon6.png" alt="" class="icon" />
						<div class="opation-tit">估价</div>
					</li>
				</ul>
			</div>
			<div class="con-list">
				<div class="sperior">
					<div class="title">
						<span class="china-tit">买货高手</span>
						<span class="english-tit">SHOPPING MASTER</span>
					</div>
					<ul class="bought">
						<li>
							<img src="./images/index/package1.png" class="package-img" alt="" />
							<p class="slogan-one">全新闲置</p>
							<p class="slogan-two">买到就是赚到</p>
						</li>
						<li>
							<img src="./images/index/package1.png" class="package-img" alt="" />
							<p class="slogan-one">全新闲置</p>
							<p class="slogan-two">买到就是赚到</p>
						</li>
						<li>
							<img src="./images/index/package1.png" class="package-img" alt="" />
							<p class="slogan-one">全新闲置</p>
							<p class="slogan-two">买到就是赚到</p>
						</li>
						<li>
							<img src="./images/index/package1.png" class="package-img" alt="" />
							<p class="slogan-one">全新闲置</p>
							<p class="slogan-two">买到就是赚到</p>
						</li>
					</ul>
				</div>
			</div>
			<nav class="mui-bar mui-bar-tab bot-nav">
				<a href="index.html" class="mui-tab-item mui-active">
					<span class="mui-icon">首页</span>
					<span class="mui-tab-label">INDEX</span>
				</a>
				<a href="hotspot.html" class="mui-tab-item">
					<span class="mui-icon">
						商品
					</span>
					<span class="mui-tab-label">GOODS</span>
				</a>

				<a href="message.html" class="mui-tab-item">
					<span class="mui-icon">估价</span>
					<span class="mui-tab-label">APPRAISE</span>
				</a>
				<a href="center.html" class="mui-tab-item">
					<span class="mui-icon">购物车</span>
					<span class="mui-tab-label">CART</span>
				</a>
				<a href="center.html" class="mui-tab-item">
					<span class="mui-icon">我的</span>
					<span class="mui-tab-label">MY</span>
				</a>
			</nav>
		</div>
	</body>
</html>
<script src="js/jquery.min.js"></script>
<script src="js/rem.js"></script>
<script src="js/index.js"></script>
<script>
	// let search = document.querySelector('.search')
	// search.onfocus = function() {
	// 	document.querySelector('.bot-nav').style.display = 'none'
	// }
	// search.onblur = function() {
	// 	document.querySelector('.bot-nav').style.display = 'block';
	// 	mui.openWindow({
	// 		url: './templates/classify.html'
	// 	});
	// }
</script>
